{extends file="../home.html"}
{block name="title"}{$head_title}{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/css/channel_index.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
body{
	background: #F3F3F3;
	padding-bottom: 2.5rem;
}
</style>
{/block}
{block name="content"}

	
	<div class="com_header">
		<span class="qiandao">一键签到</span>
		<!-- 已签到 -->
		<span class="qd_yes">已签到</span>
		频道<a href="/Index/channel_search" class="search"><i class="icon_search"></i></a><a href="/Index/message" class="msg"><i class="icon_msg"></i><span class="dot"></span></a>
	</div>


	<!-- 轮播图 -->
    <div class="swiper-container home_banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="javascrip:;"><img src="/Public/Images/img/banner-home@3x.png" alt=""></a>
            </div>
            <div class="swiper-slide">
                <a href="javascrip:;"><img src="/Public/Images/img/banner-home@3x.png" alt=""></a>
            </div>
            <div class="swiper-slide">
                <a href="javascrip:;"><img src="/Public/Images/img/banner-home@3x.png" alt=""></a>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
	<!-- 我关注的频道： -->
	<div class="my_channel">
		<h3>我关注的频道：</h3>
		<ul class="my_list">
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/banner-home@3x.png" alt="">
					<span class="channel_name">赞赏照片</span>
					<i class="level">Lv2</i>
					<i class="icon_qd"></i>
					<span class="new_num">新帖567</span>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/banner-home@3x.png" alt="">
					<span class="channel_name">赞赏照片</span>
					<i class="level">Lv2</i>
					<i class="icon_qd"></i>
					<span class="new_num">新帖567</span>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/banner-home@3x.png" alt="">
					<span class="channel_name">赞赏照片</span>
					<i class="level">Lv2</i>
					<i class="icon_qd"></i>
					<span class="new_num">新帖567</span>
				</a>
			</li>
		</ul>
	</div>
	<!-- 我推荐的频道 -->
	<div class="my_recommend">
		<h3>推荐的频道：</h3>
		<ul class="recommend_list clearfix">
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/banner-home@3x.png" alt=""><span>赞赏频道A</span>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/banner-home@3x.png" alt=""><span>赞赏频道B</span>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/banner-home@3x.png" alt=""><span>赞赏频道C</span>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/banner-home@3x.png" alt=""><span>赞赏频道C</span>
				</a>
			</li>
		</ul>
	</div>
	<div class="more_channel">
		<a href="/Index/channel_center">
			<i class="icon_jia"></i><span>探索更多频道去</span>
		</a>
	</div>


	{include file="../Index/nav.html"}

{/block}
{block name="js"}

{literal}
	
<script>


	var home_banner = new Swiper('.home_banner',{
        pagination: '.swiper-pagination',
        paginationClickable: true,
        autoplay: 2000,//可选选项，自动滑动
    })


	$('.qiandao').on('click',function(){
		$(this).hide()
		toast('已签到')
	    $('.qd_yes').show()
	})
	

</script>
{/literal}
{/block}